<template>
  <div @click.prevent.stop="father">
    <form>
      <input type="text">

      <button @click.prevent.stop="fn">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  methods:{
    fn(e){
      e.preventDefault()
    },
    father(e) {
      e.stopPropagation()
      console.log('我是父元素');
    }
  }
}
</script>

<style lang="less">

</style>
